<template>
    <div id="people">
        <input class="peopleinput height" placeholder="关键字">
        <select class="height select">
          <option value="0">-全部状态-</option>
          <option value="1">试用期</option>
          <option value="2">正式</option> 
          <option value="3">实习生</option>
          <option value="4">兼职</option>
          <option value="5">临时工</option>
          <option value="6">离职</option>
        </select>
        <button class="button height">搜索</button>
       <button class='button height' @click="flag=!flag">
        <el-icon><ArrowDown /></el-icon>
       </button >
      
           <div class='ul' v-if='flag'>
            <div @click="Advancedsearch">高级搜索</div>
            <div>自定义列显示</div>
            <div>打印</div>
           </div>
   
        <Dragg v-if="flag2" class="drag">
          <div class="back" >
            哈哈哈
          </div>
        </Dragg>
        
  
    </div>
  </template>
  
  <script setup>
  import Dragg from '@/components/dragg.vue'
  import { ref,onMounted } from 'vue';
  import './archives.css'
  
  let flag=ref(false)
  let flag2=ref(false)
  let Advancedsearch=()=>{
    flag2.value=!flag2.value
  }
  </script>
  <style scoped>
 
  
  </style>
  